<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml">

<head>
	<meta charset="utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
	<title>东东商城秒杀-正品秒杀！</title>
	<link rel="icon" href="/assets/img/favicon.ico">


	<link rel="stylesheet" type="text/css" href="/css/webbase.css" />
	<link rel="stylesheet" type="text/css" href="/css/widget-jquery.autocomplete.css" />
	<link rel="stylesheet" type="text/css" href="/css/pages-seckill-index.css" />
</head>

<body>
<!-- 头部栏位 -->
<!--页面顶部-->
<div id="nav-bottom">
	<!--引入头部-->
	<div th:insert="/admin/common/head.html"></div>
</div>

<script type="text/javascript" src="/js/plugins/jquery/jquery.min.js"></script>
<script type="text/javascript">
	$(function(){
		$("#service").hover(function(){
			$(".service").show();
		},function(){
			$(".service").hide();
		});
		$("#shopcar").hover(function(){
			$("#shopcarlist").show();
		},function(){
			$("#shopcarlist").hide();
		});

	})
</script>
<script type="text/javascript" src="/js/plugins/sui/sui.min.js"></script>
<script type="text/javascript" src="/js/widget/jquery.autocomplete.js"></script>
<script type="text/javascript" src="/js/widget/nav.js"></script>
<script type="text/javascript" src="/js/pages/seckill-index.js"></script>
<script>
	$(function(){
		$("#code").hover(function(){
			$(".erweima").show();
		},function(){
			$(".erweima").hide();
		});
	})
</script>
</body>

<div class="py-container index">
	<!--banner-->
	<div class="banner">
		<img src="/img/_/banner.png" class="img-responsive" alt="">
	</div>

	<!--商品列表-->
	<div class="goods-list">
		<ul class="seckill" id="seckill">
			<li class="seckill-item" th:each="seckill : ${seckillGoodsList}">
				<div class="pic" th:onclick="location.href='/seckillGoods/getSeckillById/[[${seckill.id}]]'">
					<img th:src="${seckill.smallPic}" style="width: 300px; height: 300px">
				</div>
				<div class="intro"><span>[[${seckill.title}]]</span></div>
				<div class='price'><b class='sec-price'>￥[[${seckill.costPrice}]]</b><b class='ever-price'>￥[[${seckill.price}]]</b></div>
				<div class='num'>
					<div th:text="'已售'+${#numbers.formatDecimal((seckill.num - seckill.stockCount)*1.0 / seckill.num * 100,2,0)}+'%'"></div>
					<div class='progress'>
						<div class='sui-progress progress-danger'><span style='width: 70%;' class='bar'></span></div>
					</div><br>
					<div>剩余<b class='owned'>[[${seckill.stockCount}]]</b>件</div>
				</div>
				<a class='sui-btn btn-block btn-buy' th:href='@{/seckillGoods/getSeckillById/}+${seckill.id}' target='_blank'>立即抢购</a>
			</li>
		</ul>
	</div>

	<div class="cd-top">
		<div class="top">
			<img src="/img/_/gotop.png" />
			<b>TOP</b>
		</div>
		<div class="code" id="code">
			<span><img src="/img/_/code.png"/></span>
		</div>
		<div class="erweima">
			<img src="/img/_/erweima.jpg" alt="">
			<s></s>
		</div>
	</div>
</div>

<!--回到顶部-->

<!-- 底部栏位 -->
<!--页面底部-->
<div class="clearfix footer">
	<!--引入底部-->
	<div th:insert="/admin/common/dibu.html"></div>
</div>
<!--页面底部END-->

</html>